<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script src="../dist/fxtpl.js"></script>

<title>Fxtpl</title>
<style>
body{ line-height: 1.5em;}
textarea{ width: 800px; height: 20px; background: #f1f1f1; border-color: #ddd; font-family:Monaco, Bitstream Vera Sans Mono, Lucida Console, Terminal; line-height: 20px; color: #333; display: block; margin-bottom:10px; }

</style>
</head>

<body>
<div id="myTemplate">
    >> 使用trim辅助方法
	<textarea><!--[$title|trim]--></textarea>

	>> 使用intercept辅助方法，空格后使用参数（从方法的第二个参数开始），多个参数用“,”分隔
	<textarea><!--[$title|intercept 30,'...']--></textarea>

	>> 同时使用trim、intercept辅助方法
	<textarea><!--[$title|trim|intercept 30,'...']--></textarea>
</div>
<script>
//去除字符串前后空格
Fxtpl.helpers.trim = function(value){
    return value.replace(/^\s*|\s*$/g,'');
};

//根据length截取字符串，多出的用appendStr代替
Fxtpl.helpers.intercept = function(value, length, appendStr){
    var s = String(value).replace(/([^\x00-\xff])/g,'\f$1');
    var appendLen = appendStr.length;
    return length >= s.length ? value : s.substr(0, length-appendLen).replace(/\f/g, '')+appendStr;
};
/*Fxtpl.helpers.cut = function(str, limitLen){
	var s = String(str).replace(/([^\x00-\xff])/g,'\f$1');
	return limitLen >= s.length ? str : s.substr(0, limitLen-3).replace(/\f/g, '')+'...';
}*/
var data = {
	title: '   明0:00直播比利时VS俄罗斯 首发:阿扎尔领衔     '
};
Fxtpl.render('myTemplate', data);
</script>
</body>
</html>
